function Arrow(){
    this.x = 0; //初始位置
    this.y = 0;
    this.rotation = 0;  //初始旋转角度
    this.color = '#ff0';
}

// 在原型上定义draw方法
Arrow.prototype.draw = function(context){
    context.save();
    context.translate(this.x,this.y)    //将坐标移到this.x 和 this.y
    context.rotate(this.rotation);      // 设置旋转角度
    context.lineWidth = 2;              // 设置线宽
    context.fillStyle = this.color;     // 设置填充色
    context.beginPath();                // 路径开始
    context.moveTo(-5,-2.5);
    context.lineTo(0,-2.5);
    context.lineTo(0,-5);
    context.lineTo(5,0);
    context.lineTo(0,5);
    context.lineTo(0,2.5);
    context.lineTo(-5,2.5);
    context.closePath();                // 路径闭合
    context.stroke();                   // 描边
    context.fill();                     // 填充
    context.restore();                  
}